<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Bajlam System</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                 <p align="center">CONTABILIDAD</p> 
                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    <p align="center">CATALGO DE CUENTAS</p>
                </p:layoutUnit>

                <p:layoutUnit position="west" size="220" header="MENU" collapsible="true">
                    <p:menu>
                         <p:submenu label="Catalogo de Cuentas">
                            <p:menuitem value="Diario" url="diario.xhtml" />
                            <p:menuitem value="Inventario" url="inventario.xhtml" />
                            <p:menuitem value="Estado de Resultados" url="estado.xhtml" />
                            <p:menuitem value="Balance General" url="balance.xhtml" />
                            
                        </p:submenu>

                    </p:menu>
                </p:layoutUnit>

                <p:layoutUnit position="center">
        
           <!--Inicia Encabezado Comand Button-->      
<p:panel id="panel" header="Bajlam System" style="margin-bottom:10px;">                   
<h:form>
   
    <p:growl id="growl" life="2000" />
     
    <!-- inicia boton nueva cuenta -->
<p:commandButton value="Cuenta Nueva" onclick="PF('dlg').show();" type="button" />
 <p:dialog header="Crear Cuenta Nueva" widgetVar="dlg" minimizable="true" maximizable="true">
   <h:outputText value="Para añadir una nueva cuenta, por favor rellene todos los campos" /> <br /><br /><br />
   
   <h:outputLabel for="txt1" value="Nombre de Cuenta: " />
            <p:inputText id="txt1" value="#{selectorView.text1}" required="true" label="Text 1">
                <f:validateLength minimum="2" />
            </p:inputText>
            <p:message for="txt1" />
            <h:outputText value="#{selectorView.text1}" /><br /><br />
      
   <h:outputLabel for="txt2" value="Tipo: " />
            <h:selectOneMenu id="txt2" value="#{selectorView.text2}" required="true" label="Text2">
                <f:selectItem itemLabel="Activo" itemValue="" noSelectionOption="true" />
                <f:selectItem itemLabel="Pasivo" itemValue="1" />
                <f:selectItem itemLabel="Patrimonio" itemValue="2" />
                <f:selectItem itemLabel="Ingresos" itemValue="3" />
                <f:selectItem itemLabel="Gastos" itemValue="4" />
            </h:selectOneMenu>
            <p:message for="txt2" />
            <h:outputText value="#{selectorView.text2}" /><br />
   
            <h:outputLabel for="txt3" value="Numero de Cuenta: " />
            <p:inputText id="txt3" value="#{selectorView.text3}" required="true" label="Text 3">
                <f:validateLength minimum="2" />
            </p:inputText>
            <p:message for="txt3" />
            <h:outputText value="#{selectorView.text3}" /><br /><br />
            
            <h:outputLabel for="txt4" value="Saldo Inicial: " />
            <p:inputText id="txt4" value="#{selectorView.text4}" required="true" label="Text 4">
                <f:validateLength minimum="2" />
            </p:inputText>
            <p:message for="txt4" />
            <h:outputText value="#{selectorView.text4}" /><br /><br />
            
     
    <h:panelGrid columns="4">
        <p:commandButton update="@(form)" value="Añadir" />
        <p:commandButton update="@(form:last)" value="Cancelar" />
        <p:commandButton update="@(.ui-panel)" value="Ayuda" />
        <p:commandButton update="@(.ui-panel)" value="Salir" />
    </h:panelGrid>
           
</p:dialog>
        <!-- Finaliza boton nueva cuenta -->
        
    <p:commandButton value="Editar" id="editar" actionListener="#{buttonView.buttonAction}" ajax="false" />
 
    <p:commandButton value="Eliminar" id="eliminar" actionListener="#{buttonView.buttonAction}" update="growl"  />
    
    <p:commandButton value="Restaurar" id="guardar" actionListener="#{buttonView.buttonAction}" update="growl"  />
     
</h:form> 
  <!--Finaliza Encabezado Comand Button-->   
 
  <!--Inicia Tabla DataTable Basic-->
  <p:dataTable var="car" value="#{dtBasicView.cars}">
    <p:column headerText="No. Cuenta ">
        <h:outputText value="#{car.numero}" />
    </p:column>
 
    <p:column headerText="Nombre de Cuenta ">
        <h:outputText value="#{car.nombre}" />
    </p:column>
 
    <p:column headerText="Tipo ">
        <h:outputText value="#{car.tipo}" />
    </p:column>
    
    <p:column headerText="Saldo">
        <h:outputText value="#{car.saldo}" />
    </p:column>  
      
 </p:dataTable>
  <!--Finaliza Tabla DataTable Basic--> 
  </p:panel>
 
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>

